@media screen and (max-width:1440px){
	.iboxT{ font-size: 32px;}
	.businessIdemo .txt .t{ font-size: 28px;}
}
@media screen and (max-width:1370px){
	.iboxT{ font-size: 28px;}
	.businessIdemo .txt .t{ font-size: 26px;}
	.aboutIbox .t{ font-size: 32px;}
	.newIlist dd{ margin-left: 5%; width: 26.66%;}
	.newIlist .t{ margin-bottom: 30px;}
	.newIlist .c{ margin-bottom: 50px;}
}
@media screen and (max-width:1240px){
	.inner{ width: 1000px; margin: 0px auto;}
	.nav li a{ padding: 0px 20px;}
	.ermbtn{ width: 120px;}
	.businessIdemo .txt .t{ font-size: 24px;}
	.aboutIbox .t{ font-size: 28px;}
	.customerIbox dd{ height: 290px;}
	.customerIbox .item1{ width: 24%; padding: 0px 4%;}
	.customerIbox .item1 .t{ font-size: 30px; padding-top: 30px;}
	.customerIbox .item2{ width: 68%;}
	.customerDemo .item{ height: 190px;}
	.pt{ font-size: 26px;}
	.pcimg img{ margin-top: -80px;}
	.glimpseDemo li{ width: 39%; margin: 0px 1% 0px 0px;}
	.glimpseDemo li.item3{ width: 20%; margin-right: 0px;}
	.glimpseDemo li .kitem{ margin-bottom: 2%;}
	.glimpseDemo li .kitem2{ margin-right: 2%;}
	.glimpseDemo li .kitem2,.glimpseDemo li .kitem3{ width: 49%;}
	.glimpseDemo li .btn{ height: 101px; margin-top: -50px;}
	.glimpseDemo li .ico{ margin-bottom: 20px;}
	.honorList ul{ margin-left: -4%;}
	.honorList li{ width:21%; margin:0px 0px 18px 4%;}
	.businessList{ width: 1000px;}
	.businessList ul{ margin-left: -3%;}
	.businessList li{ width: 30.33%; margin-left: 3%;}
	.businessItem .t{ font-size: 20px;}
	.businessItem2 .con{ width: 900px; margin-left: -500px;}
	.businessItem3 .con{ width: 1000px; margin-left: -500px;}
	.jimg{ float: none; display: block; margin: 0px auto 30px;}
	.jtab{ width: 100%;}
	.environmentalPage{ width: 748px;}
	.environImg{ width: 80%; margin: 0px auto;}
}
@media screen and (max-width:1024px){
	body{ -webkit-transition: all .3s ease .2s; -moz-transition: all .3s ease .2s; transition: all .3s ease .2s; position: relative; right: 0px;}
	.inner{ width: 90%; margin: 0px auto;}
	.mtop{ height: 60px;}
	.open .topBox { left: -240px;right: 240px;}
	.topBox{ height: 60px; right: 0px;}
	.top{ width: 100%;}
	.top .logo{ /*border-bottom: 2px solid #005089;*/ background-size: cover; background-position: center center; /*width: 150px;*/ height: 58px; margin-bottom: 0px; margin-top: 5px; padding: 0px;}
	.nav{ display: none}
	.tright{ top: 0px; right: 60px;}
	.tright a{ height: 60px; line-height: 60px; margin-left: 0px;}
	.ermbtn{background-color: #99b7d1; width: 120px; text-align: center;}
	.ermbtn span{ background-image: url(../bg/ewmbtn2.png); color: #fff;}
	.serachbtn span{ display: none;}
	.serachbtn{ background:#6391b9 url(../bg/serach_m1.png) no-repeat scroll center center; background-size: cover; width: 60px;}
	.menu-handler{ display: block;}
	.binenrbox{ width: 90%; left: 5%;}
	.searchIBox .item{ width: 23.33%; padding: 20px 5% 40px;}
	.bannerText .t{ font-size: 30px;}
	.searchIBox .s-prompt{ font-size: 12px;}
	.searchIBox .s-input{ width: 100%;}
	.s-input .sbtn{ background-image: url(../bg/serach_m2.png); background-size: cover;}
	.searchIBox .item:hover .sbtn{ background-image: url(../bg/serach_m3.png); background-size: cover;}
	.searchCon{ height: 268px; margin-top: -134px;}
	.searchPBox dd{ width: 33.33%; height: 218px; padding: 0px; box-sizing: border-box;}
	.searchPBox dd.item3{ width: 33.33%;}
	.searchPBox .s-icon{ margin-top: 50px;}
	.ermCon{ height: 399px; margin-top: -200px;}
	.ermPBox{ padding-top: 100px;}
	.iboxT{ padding: 40px 0px;}
	.businessIdemo li{ width: 50%;}
	.aboutIbox{ padding: 100px 5%; background-size: cover;}
	.pt{ font-size: 22px;}
	.pbanner2{ height: 380px;}
	.pbanner3{ height: 300px;}
	.addressIbox li.item4{ float: none; margin-top: 20px;}
	.glimpseDemo li .kitem .btn{ margin-top: -23px;}
	.glimpseDemo li .kitem .ico{ margin-bottom: 0px; border: 2px solid #fff; width: 43px; height: 43px; border-radius: 50%; background: none;}
	.glimpseDemo li .kitem .more{ display: none;}
	.glimpseBox .t{ padding: 40px 0px; font-size: 22px;}
	.faloconList .con .t{ font-size: 26px;}
	.businessList{ width: 90%; margin: 0px auto;}
	.businessItem2 .con{ width: 80%; padding: 35px 5%; margin-left: 0px; left: 5%;}
	.businessItem2 .con .c{ height: 50px;}
	.businessItem3 .con{ width: 90%; margin-left: 0px; left: 5%;}
	.businessItem3 .con .t{ font-size: 30px;}
	.businessItem3 .con .c{ font-size: 24px;}
	.businessItem a{ padding-bottom: 32px;}
	.businessItem .t{ font-size: 22px;}
	.busineddIT{ padding: 35px 12px 40px; top: -52px;}
	.infoPage{ margin-bottom: 50px; width: 90%;}
	.customerList li{ width: 21%;}
	.infoT{ margin: 50px auto;}
	.map{ height: 380px;}
	.environmentalnav{ float: none; width: auto; padding-bottom: 40px;}
	.environmentalPage{ width: 100%;}
	.slider-for{ display: none;}
	.environImg{ width: 100%;}
	.environmentalPage .slick-prev{left: 0px;}
	.environmentalPage .slick-next{ right: 0px;}
	.environImg .item p{ margin: 0px;}
	.environImg .item.slick-center p { border:0px none;}
	.attachList .img{ width: 49%;}
	.attachList .con .t{ margin-bottom: 20px; font-size: 22px;}
}
@media screen and (max-width:861px){
	.bannerText{ top: 40%;}
	.bannerText .t{ font-size: 28px;}
	.bannerText .c{ font-size: 13px;}
	.searchIBox .item{ float: none; width: 90%;}
	.searchIBox .s-prompt{ font-size: 14px;}
	.searchIBox .s-input{ width: 60%;}
	.s-line{ display: block;}
	.searchIBox .s-input{ height: 40px;}
	.s-input .stxt{ height: 40px; line-height: 40px;}
	.s-input .sbtn{height: 40px; width: 42px; background-color: #ededed;}
	.searchCon,.ermCon{ left: 10%; width: 80%; margin:0px; top: 80px; height: auto;}
	.searchPBox dd{ float: none; border-right: none; width: auto; padding: 30px 0px; height: auto; border-bottom: 1px solid #f0f0f0;}
	.searchPBox dd.item3{ width: auto;}
	.searchPBox .s-icon{ margin-top: 0px;}
	.ermPBox{ padding: 80px 0px;}
	.newIlist dd{ float: none; width: 90%; padding:25px 5%; background-color: #eff2f3; margin:0px auto 30px;}
	.newIlistbox.newsList li:nth-child(2){ display: none;}
	.new-more-box{ padding: 0px 0px 50px;}
	.customerIbox .inner{ width: 100%;}
	.customerIbox dd{ height: auto;}
	.customerIbox .cbg{ display: none;}
	.customerIbox .item1,.customerIbox .item2{ float: none; width: 100%;}
	.customerIbox .item1{ background-color: #b0c6d9; text-align: center; padding: 0px 5%; width: 90%; padding-bottom: 35px;}
	.customerIbox .item1 .t{ font-size: 26px; padding: 35px 0px 20px;}
	.customerDemo .item{ height: auto; padding: 30px 0px;}
	.pcimg img{ margin-top: -40px;}
	.pt{ font-size: 20px;}
	.pdl .img img,.pdl2 .img img{ margin-top: 80px;}
	.faloconList .con .t{ font-size: 22px;}
	.faloconList .img{ width: 218px;}
	.faloconList .con{ padding-left: 250px;}
	.honorList ul{ margin-left: -4%;}
	.honorList li{ width:29.33%; margin:0px 0px 2% 4%;}
	.businessItem2 .con{ width: 90%; bottom: 0px; padding: 0px 5%; left: 0px; height: 100%; top: 0px;}
	.businessItem2 .con .c{ height: 50px;}
	.businessItem3 .con{ width: 90%; padding: 0px 5%; height: 100%; left: 0px; top: 35%;}
	.businessItem2 .con .t,.businessItem3 .con .t{ padding-top: 4%;}
	.businessList2 ul{ margin-left: -5%;}
	.businessList2 li{ width: 45%; margin-left: 5%;}
	.pdl3 dd{ float: none; width: auto;}
	.pdl3 dd.item1{ margin: 0px 0px 35px 0px !important;}
	.customerList li{ width: 29.33%;}
	.newsList ul{ margin-left: -5%;}
	.newsList li{ margin:0px 0px 5% 5%; width: 45%;}
	.map{ height: 330px;}
	.contactDL dd{ float: none; width: auto;}
	.contactDL dd.item1,.contactDL dd.item2{ width: auto; margin: 0px;}
	.contactDL dd.item1{ padding-bottom: 30px; font-size: 16px;}
	.serachBanner{ padding-top: 50px;}
	.serachBanner .t{ float: none; display: block; margin-bottom: 15px;}
	.serachI{ float: none; display: block;}
	.attachList li{ padding: 5% 0px;}
	.attachList .img{ padding-top: 5%;}
}
@media screen and (max-width:641px){
  .customerIbox{margin-top:268px;}
	.top .logo{ /*width: 128px;*/}
	.bannerText{ top: 22%; width: 50%;}
	.bannerText .t{ font-size: 22px;}
	.bannerText .c{ font-size: 12px;}
	.searchIBox .s-input{ width: 90%;}
	.s-icon{ transform: scale(0.9);}
	.searchCon .t,.ermCon .t{ font-size: 20px;}
	.businessIdemo .txt{ top: 40%;}
	.businessIdemo .txt .t{ font-size: 22px;}
	.aboutIbox .t{ font-size: 24px;}
	.addressIbox li{ float: none; margin-bottom: 10px; margin-right: 0px; display: block;}
	.addressIbox li.item4{ margin-top: 0px;}
	.ermbtn{ background: url(../bg/erm2.png) no-repeat scroll center center; width: 60px; height: 60px;}
	.ermbtn span{ display: none;}
	.searchCon,.ermCon{ width: 100%; top: 0px; left: 0px; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling:touch; }
	.searchPBox dd{ padding: 25px 0px;}
	.searchPBox .s-input{ height: 40px;}
	.searchPBox .s-input .stxt{ height: 40px; height: 40px;}
	.searchPBox .s-input .sbtn{ background-image: url("../bg/serach_m1.png"); background-color: #0880D6; background-size: cover; width: 40px; height: 40px;}
	.ermPBox{ padding: 60px 0px;}
	.ermPBox dd{ float: none; text-align: center;}
	.ermPBox dd.item1{ padding-bottom: 30px;}
	.ermPBox dd.item1,.ermPBox dd.item2{ margin:0px auto;}
	.pbanner2{ height: 300px;}
	.pnav a{ float: left; width: 25%; margin: 0px;}
	.pnav a span{ width: 100%; padding: 0px;}
	.p-padding{ padding: 40px 0px;}
	.pdl .con,.pdl .img,.pdl2 .con,.pdl2 .img{ float: none; width: 100%; margin: 0px 0px 20px;}
	.pdl .img img,.pdl2 .img img{ margin-top: 0px;}
	.glimpseDemo li{ width: 100%; margin: 0px;}
	.glimpseDemo li.item3{ width: 100%;}
	.faloconList .inner{ padding: 50px 0px;}
	.faloconList .img{ width: 218px; float: none; display: block;}
	.faloconList .con{ padding:25px 0px 0px 0px;}
	.faloconList .con .t{ font-size: 20px;}
	.honorList ul{ margin-left: -5%;}
	.honorList li{ width:45%; margin:0px 0px 2% 5%;}
	.businessList ul{ margin-left: 0px;}
	.businessList li{ width: auto; margin-left: 0px; float: none;}
	.businessItem2,.businessItem3{ height: 248px; overflow: hidden;}
	.businessItem2 .img,.businessItem3 .img{ height: 100%; width: auto;}
	.businessItem .t{ font-size: 18px;}
	.businessItem .c{ height: 64px;}
	.businessItem2 .con .t,.businessItem3 .con .t{ padding-top: 30px; font-size: 22px;}
	.businessItem2 .con .t,.businessItem2 .con .c{ margin-bottom: 25px;}
	.businessItem3 .con .txt .t{ margin-bottom: 10px;}
	.busineddIT{ width: auto; top: 0px; margin: 5% 0px;}
	.busineddIT .zh{ font-size: 20px;}
	.customerList li{ width: 46%;}
	.paging{ padding: 5% 0px;}
	.paging .num{ display: none;}
	.paging a{ display: inline-block;}
	.jtab td{ display: block; width: 100%; margin-bottom: 30px;}
	.fancybox-prev{ left: -13px !important;}
	.fancybox-next{ right: -13px !important;}
	.fancybox-prev span{ left: 0px !important;}
	.fancybox-next span{ right: 0px !important;}
	.serachBanner .t{ font-size: 20px;}
	.serachPage{ width: 100%; padding: 30px 0px;}
	.serachDT{ padding: 12px 50px;}
	.addico{ right: 11px; top: 14px;}
	.serachDT .ico{ left: 13px;}
	.serachDT .t{ font-size: 16px;}
	.serachI .i-input{ width: 200px; height: 35px;}
	.serachI .i-input .itxt{ width: 155px; height: 33px; line-height: 33px;}
	.serachI .i-input .ico{background-image: url(../bg/serach_m3.png); background-size: cover; height: 35px;}
	.serachI .ibtn{ height: 35px;}
	.serachI .ibtn2{ display: none;}
	.attachList li{ padding: 40px 0px;}
	.attachList .img,.attachList .con,.attachList .odditem .img,.attachList .odditem .con{ float: none; width: 100%;}
	.attachList .img{ margin-bottom: 30px;}
}
@media screen and (max-width:481px) {
	/*body{ padding-bottom:80px}*/
	.index-m-nav{ display:block;}
	.fixed-bot{ display:block}
	.bannerText{ width: 70%;}
	.banner li.item1 .bannerText{ width: 100%; text-align: center;}
	.bannerText .t{ font-size: 18px;}
	.newIlistbox.newsList li:nth-child(3){ display: none;}
	.searchIBox .s-input{ width: 80%;}
	.businessIdemo .txt{ top: 45%;}
	.businessIdemo .txt .t{ font-size: 20px;}
	.businessIdemo .txt .c{ font-size: 12px; margin-bottom: 15px;}
	.pbanner2{ height: 270px;}
	.pbanner3{ height: 250px;}
	.newsList ul{ margin-left: 0px;}
	.newsList li{ margin:0px 0px 5% 0px; float: none; width: auto;}
	.nItem .t,.nItem .c{ height: auto;}
	.nItem .t{ line-height: 1.5;}
	.businessReC li{ float: none; width: auto;}
}
@media screen and (max-width: 370px) {
	.businessIdemo li{ float: none; width: auto;}
	.businessIdemo .txt .t{ font-size: 26px;}
	.businessIdemo .txt .c{ font-size: 14px; margin-bottom: 20px;}
	.honorList ul{ margin-left: 0px;}
	.honorList li{ width:100%; margin:0px 0px 5% 0px;}
	.pbanner2{ height: 240px;}
	.pbanner3{ height: 220px;}
}